.wrap{
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  .loading {
    .line {
      display: inline-block;
      width: 15px;
      height: 15px;
      margin: 0 10px;
      border-radius: 15px;
      background-color: #4b9cdb;
      &:nth-last-child(1) {
        animation: loadingA 1.5s 1s infinite;
      }
      &:nth-last-child(2) {
        animation: loadingA 1.5s .5s infinite;
      }
      &:nth-last-child(3) {
        animation: loadingA 1.5s 0s infinite;
      }
    }
  }
  @keyframes loadingA {
    0% {
      height: 15px;
    }
    50% {
      height: 35px;
    }
    100% {
      height: 15px;
    }
  }
}
